<!--_meta 作为公共模版分离出去-->
<#assign contextPath=springMacroRequestContext.getContextPath() />
<#import "/public/frame/main.html" as frame />
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="Bookmark" href="/favicon.ico">
<link rel="Shortcut Icon" href="/favicon.ico" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css"
	href="${contextPath}/resources/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css"
	href="${contextPath}/resources/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css"
	href="${contextPath}/resources/lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css"
	href="${contextPath}/resources/static/h-ui.admin/skin/default/skin.css"
	id="skin" />
<link rel="stylesheet" type="text/css"
	href="${contextPath}/resources/static/h-ui.admin/css/style.css" />
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<!--/meta 作为公共模版分离出去-->

<title>基本设置</title>
</head>
<body>
	<nav class="breadcrumb">
		<i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span>
		账号管理 <span class="c-gray en">&gt;</span> 添加账号 <a
			class="btn btn-success radius r"
			style="line-height: 1.6em; margin-top: 3px"
			href="javascript:location.replace(location.href);" title="刷新"><i
			class="Hui-iconfont">&#xe68f;</i></a>
	</nav>
	<div class="page-container">
		<form class="form form-horizontal" id="form-teacher-add" method="post"
			action="${contextPath}/teach/teacherAdd" enctype="multipart/form-data" >

			<div id="tab-system" class="HuiTab">
				<div class="tabCon">
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-2"> <span
							class="c-red">*</span> 用户头像：
						</label>
						<div class="formControls col-xs-8 col-sm-9">
							<tr>
								<td width="20%"></td>
								<td width="80%"><img width="100" height="100" id="allUrl" />
									<!-- 在选择图片的时候添加事件，触发Ajax异步上传 --> <input name="imgFile" id="imgFile"
									type="file" onchange="imgee(this)" /></td>
							</tr>
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-2"> <span
							class="c-red">*</span> 用户性名：
						</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" id="name" placeholder="请输入用户名"
								name="name" value="" class="input-text">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-2"> <span
							class="c-red">*</span> 手 机 号：
						</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" id="phoneNumber" placeholder="请输入后台手机号"
								name="phoneNumber" value="" class="input-text">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-2"> <span
							class="c-red">*</span> 后台登陆账号：
						</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" id="accountNumber" placeholder="请输入后台登陆账号"
								name="accountNumber"  onBlur="shijiao()" value="" class="input-text"/>
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-2"> <span
							class="c-red">*</span> 密  码：
						</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="password" id="password" placeholder="请输入密码"
								name="password" value="" class="input-text">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-2"> <span
							class="c-red">*</span> 用户生日：
						</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" id="birthday"
								onfocus="WdatePicker({maxDate:'%y-%M-%d\'}',readOnly: true })"
								 name="birthday" value="" class="input-text Wdate">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-2"> <span
							class="c-red">*</span> 用户性别：
						</label>
						<div class="formControls col-xs-8 col-sm-9 skin-minimals">
							<div class="radio-box">
								<div class="iradio-blues checkeds">
									<input id="man" type="radio" checked="checked" value="1"
										name="gender" />男
								</div>
								<label for="gender-1" class=""></label>
							</div>
							<div class="radio-box">
								<div class="iradio-blues">
									<input id="woman" type="radio" value="2" name="gender" />女
								</div>
								<label for="gender-2" class=""></label>
							</div>
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-2">&nbsp;  老师详情：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" id="website-icp" placeholder="" value=""
								class="input-text" name="remarks" />
						</div>
					</div>
				</div>
			</div>
			<div class="row cl">
				<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
					<!-- <button class="btn btn-primary radius" onClick="tianjiatq()">
						<i class="Hui-iconfont">&#xe632;</i> 保存
					</button> -->
					<input class="btn btn-success" type="button" value="保存"
						onclick="tianjiatq()">

					<button onClick="layer_close();" class="btn btn-default radius"
						type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
				</div>
			</div>
		</form>
	</div>

	<!--_footer 作为公共模版分离出去-->
	<script type="text/javascript"
		src="${contextPath}/resources/lib/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript"
		src="${contextPath}/resources/lib/layer/2.4/layer.js"></script>
	<script type="text/javascript"
		src="${contextPath}/resources/static/h-ui/js/H-ui.min.js"></script>
	<script type="text/javascript"
		src="${contextPath}/resources/static/h-ui.admin/js/H-ui.admin.js"></script>
	<!--/_footer 作为公共模版分离出去-->

	<!--请在下方写此页面业务相关的脚本-->
	<script type="text/javascript"
		src="${contextPath}/resources/lib/My97DatePicker/4.8/WdatePicker.js"></script>
	<script type="text/javascript"
		src="${contextPath}/resources/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
	<script type="text/javascript"
		src="${contextPath}/resources/lib/jquery.validation/1.14.0/validate-methods.js"></script>
	<script type="text/javascript"
		src="${contextPath}/resources/lib/jquery.validation/1.14.0/messages_zh.js"></script>
		<script type="text/javascript" src="${contextPath}/resources/js/teacher/teacher_add.js"></script> 
	<script type="text/javascript">
$(function(){
	$('.skin-minimal input').iCheck({
		checkboxClass: 'icheckbox-blue',
		radioClass: 'iradio-blue',
		increaseArea: '20%'
	});
	$("#tab-system").Huitab({
		index:0
	});
});

function layer_close(){
	parent.window.location.reload();
}
 function getObjectURL(file) {
    var url = null;
    if (window.createObjectURL != undefined) {
        url = window.createObjectURL(file)
    } else if (window.URL != undefined) {
        url = window.URL.createObjectURL(file)
    } else if (window.webkitURL != undefined) {
        url = window.webkitURL.createObjectURL(file)
    }
    return url
} 
function imgee(obj) {

    // 上传设置
    var imgObj = getObjectURL(obj.files[0]);//获取图片
    $("#allUrl").attr("src", imgObj);
   
    // var imageType = /^image\//;
    // //是否是图片
    // if(!imageType.test(file.type)) {
    //     alert("请选择图片！");
    //     return;
    // }

}
$("#accountNumber").blur(function(){
	var path="${contextPath}";
	var login_username = $("#accountNumber").val();
	$.ajax({
		url : path+"/teach/verifyAccount",
		cache : false,
		type : 'post',
		dataType : 'html',
		data:{"accountNumber":login_username},
        success: function(message){
    		if(message == "200"){
				}else if(message == "500"){
					layer.alert("此账号已经存在！");
					$("#accountNumber").val("");
				}else{
					layer.alert(message);
				}
	    },
	    error: function(){
            layer.msg('操作失败!',{icon:5,time:1000});
	    }
	}); 
}) 


</script>
	<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>
